<template>
	<view class="">
		<view class="mt-20" style="background-color: #FFF;">
			<view class="flex remarks  ptb-30 plr-20">
				<view class="">
					<view class="">
						全员禁言
					</view>
					<view class="size-20 mt-20 text_color" style="">
						开启后仅群主和管理员可以发言
					</view>
				</view>
				<u-switch size="40" @change="disturb" v-model="checkedone"></u-switch>
			</view>
		</view>
		<view class="mt-20" style="background-color: #FFF;">
			<view class="flex remarks  ptb-30 plr-20">
				<view class="">
					<view class="">
						允许群程序修改群名称和头像
					</view>
					<view class="size-20 mt-20 text_color">
						关闭后仅群主和管理员可以修改群名称和头像
					</view>
				</view>
				<u-switch size="40" @change="disturb" v-model="checkedone"></u-switch>
			</view>
		</view>
		<view class="mt-20" style="background-color: #FFF;">
			<view class="flex remarks  ptb-30 plr-20">
				<view class="">
					<view class="">
						允许群成员上麦
					</view>
					<view class="size-20 mt-20 text_color">
						关闭后仅群主和管理员可以上麦
					</view>
				</view>
				<u-switch size="40" @change="disturb" v-model="checkedone"></u-switch>
			</view>
		</view>
		<view class="mt-20" style="background-color: #FFF;">
			<view class="flex remarks  ptb-30 plr-20">
				<view class="">
					<view class="">
						群内禁止好友
					</view>
					<view class="size-20 mt-20 text_color">
						关闭后仅群主和管理员可以加好友
					</view>
				</view>
				<u-switch size="40" @change="disturb" v-model="checkedone"></u-switch>
			</view>
		</view>
		<view class="mt-20" style="background-color: #FFF;">
			<view class="flex remarks  ptb-30 plr-20">
				<view class="">
					<view class="">
						匿名聊天
					</view>
					<view class="size-20 mt-20 text_color">
						开启后用户聊天不显示真实头像
					</view>
				</view>
				<u-switch size="40" @change="disturb" v-model="checkedone"></u-switch>
			</view>
		</view>
		<u-cell-group>
			<u-cell-item title="一键复制新群"></u-cell-item>
		</u-cell-group>
		<u-cell-group class="mt-20">
			<u-cell-item title="设置管理员"></u-cell-item>
		</u-cell-group>
		<u-cell-group class="">
			<u-cell-item title="群主管理权转让"></u-cell-item>
		</u-cell-group>
		<u-cell-group class="">
			<u-cell-item title="踢出群成员" @click="goreduce"></u-cell-item>
		</u-cell-group>
		<u-cell-group class="">
			<u-cell-item title="禁言设置"></u-cell-item>
		</u-cell-group>
		<view class=" collectPay_buttom_button1 " @click="toPay">
			解散该群
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				checkedone: false,
				checkedtwo: false,
			}
		},
		onLoad(options) {
			console.log(options);
			this.grouplist_id=options.grouplist_id
		},
		methods:{
			// 踢出群成员
			goreduce(){
				uni.navigateTo({
					url:"/pages/chip/reduce?grouplist_id="+ this.grouplist_id
				})
			},
			// 解散该群
			toPay(){
				uni.showModal({
					title:'是否解散'
				})
			},
		}
	}
</script>

<style lang="less" scoped>
	.text_color {
		color: #C2C2C2;
	}

	page {
		background-color: #F0EFF4;
	}


	.collectPay_buttom_button1 {
		width: 700rpx;
		height: 90rpx;
		background-image: linear-gradient(to right, #686868, #161616);
		color: #fff;
		line-height: 90rpx;
		text-align: center;
		border-radius: 20rpx;
		margin: 60rpx auto;
	}
</style>
